<template>
  <div>
    <!-- v-show操作的dom元素的display属性 -->
    <!-- v-show只能写一个单路形式 -->
    <h1 v-show="isOk">v-show的盒子</h1>
    <!-- v-if操作的dom元素(组件)的创建或销毁 -->
    <!-- v-if可以有多种使用形式:单路分支,多路分支,双路分支 -->
    <h1 v-if="isOk">v-if的盒子</h1>
    <div>
      <p v-if="age > 18">我成年了</p>
      <p v-else>还得多吃饭</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isOk: true,
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style>
</style>
